<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />-->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css"/>
    <link rel="stylesheet" href="../../ht-css/replaceAddress/addAddress.css">
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <title>运费管理（按重量）</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页  <span class="c-gray en">&gt;</span> 运费管理<span class="c-gray en">&gt;</span>按重量<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="coupon-add">
        <div>
            <div class="bg-1 bk-gray pd-20 mb-20">
                <div class="va-m lh-20 f-16 pb-15">
                    <strong>基本信息</strong>
                </div>
                <div class="line"></div>
                <table class="table-hover mb-10 mt-10 table">
                    <thead class="text-l">
                    <tr>
                        <td class="col-2-1">
                            <div class="row">
                                <label class="form-label f-l w-75 text-r lh-26"><em>*</em>模板名称：</label>
                                <div class="formControls f-l" style="width:28%;">
                                    <input type="text" class="input-text radius ml-10" placeholder="最多可输入30字">
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-2-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-75 lh-26"><em>*</em>发货仓：</label>
                                <select class="select radius ml-10 f-l" style="width:20%;height:30px;" size="1">
                                    <option value="0" selected>北京DC</option>
                                    <option value="1">天津DC</option>
                                    <option value="2">郑州DC</option>
                                    <option value="3">重庆DC</option>
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-2-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-75 lh-26"><em>*</em>计价方式：</label>
                                <div class="formControls f-l ml-10 lh-26">
                                    <span class="mr-40"><input class="mr-5 radio" type="radio" name="priceWay">按金额</span>
                                    <span class="mr-40"><input class="mr-5 radio" type="radio" name="priceWay" checked="checked">按重量</span>
                                    <span class="mr-40"><input class="mr-5 radio" type="radio" name="priceWay">按车型</span>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-2-1" colspan="2">
                            <div class="row">
                                <label class="form-label f-l w-75 text-r lh-26"><em>*</em>运送时效：</label>
                                <div class="formControls f-l ml-10 lh-26">
                                    除指定区外，其余地区的运费采用“默认运费”。
                                </div>
                                <span class="Validform_checktip"></span>
                            </div>
                        </td>
                    </tr>
                    </thead>
                </table>

                <ul style="margin-left:80px;">
                    <li>
                        <div><input class="mr-5 radio" type="radio" name="logistics">自有物流</div>
                    </li>
                    <li class="mt-10">
                        <div>
                            <span><input class="mr-5 radio" type="radio" checked="checked" name="logistics">第三方物流</span><br>
                            <p class="ml-15 mt-10"><input class="mr-5 checkBox" type="checkbox" value="0" checked="checked">快递<span class="f-r"><a>覆盖范围查看</a></span></p>
                            <form class="ml-20 mr-20"  method="post">
                                <div class="bg-1 bk-gray pb-10">
                                    <div class="lh-20 pd-10">
                                        <span class="il-b lh-28">默认运费</span>
                                        <input type="text" placeholder="1" class="w-60 input-text radius mr-5 ml-5 text-c">
                                        <span class="il-b lh-28">kg以内</span>
                                        <input type="text" placeholder="10" class="w-60 input-text radius mr-5 ml-5 text-c">
                                        <span class="il-b lh-28">元，每增加</span>
                                        <input type="text" placeholder="1" class="w-60 input-text radius mr-5 ml-5 text-c">
                                        <span class="il-b lh-28">kg，运费增加</span>
                                        <input type="text" placeholder="2" class="w-60 input-text radius mr-5 ml-5 text-c">
                                        <span class="il-b lh-28">元，时效</span>
                                        <input type="text" placeholder="1" class="w-60 input-text radius mr-5 ml-5 text-c">
                                        <span class="il-b lh-28">天</span>
                                    </div>
                                    <div class="ml-10"><a>为指定地区设置运费</a></div>
                                    <table class="table table-border table-bg table-hover table-sort mt-5">
                                        <thead>
                                        <tr class="text-c">
                                            <th>发货仓</th>
                                            <th>运送到</th>
                                            <th>首重量（KG）</th>
                                            <th>首费（元）</th>
                                            <th>续重量（KG）</th>
                                            <th>续费（元）</th>
                                            <th>时效</th>
                                            <th>操作</th>
                                        </tr>
                                        <tbody class="shun">
                                            <tr>
                                                <td>重庆DC</td>
                                                <td><span class="f-l ml-5">河北省：廊坊市</span><a class="f-r mr-5" onclick="address_edit()">编辑</a></td>
                                                <td>10</td>
                                                <td>15</td>
                                                <td>1</td>
                                                <td>2</td>
                                                <td>3</td>
                                                <td><a>删除</a></td>
                                            </tr>
                                            <tr>
                                                <td>重庆DC</td>
                                                <td><span class="f-l ml-5">未添加地区</span><a class="f-r mr-5">编辑</a></td>
                                                <td><input type="text" class="w-80 input-text radius mr-5 ml-5 text-c"></td>
                                                <td><input type="text" class="w-80 input-text radius mr-5 ml-5 text-c"></td>
                                                <td><input type="text" class="w-80 input-text radius mr-5 ml-5 text-c"></td>
                                                <td><input type="text" class="w-80 input-text radius mr-5 ml-5 text-c"></td>
                                                <td><input type="text" class="w-80 input-text radius mr-5 ml-5 text-c"></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>

                                </div>
                            </form>

                            <p class="ml-15 mt-10"><input class="mr-5 checkBox" type="checkbox" value="1">快运</p>
                            <p class="ml-15"><input class="mr-5 checkBox" type="checkbox" value="2">专车包车</p>

                        </div>
                    </li>
                </ul>
                <div class="text-c mb-10 mt-40">
                    <input  id="" type="submit" type="button" class="btn btn-secondary radius size-S" value="保&nbsp;&nbsp;存">
                    <input name="" type="reset" class="btn radius size-S ml-10" value="取&nbsp;&nbsp;消">
                </div>
            </div>
        </div>
    </form>
    <!----------------------------------------------编辑--------------------------------------------------------------->
    <div id="address-edit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
        <div class="modal-dialog">
            <div class="modal-content radius" style="height:400px;width:550px;top:50px;">
                <div class="modal-header"  >
                    <h3 class="modal-title"><b class="addressTitle">新增</b></h3>
                    <a class="close" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                </div>
                <input type="hidden" class="ship_add_id">

                    <div class="clearfix" id="app">
                        <div class="clearfix area mt-40">
                            <label class="replaceorder_lable w4">收货区域：</label>
                            <div class="commonArea f-l mr-20">
                                <div class="area_box">
                                    <div class="inp_area radius" @click="isAreaShow">
                                        <div class="inp_area_box">
                                    <span id="notVueBox" class="divHide">
                                        <span id="provinceName">请选择收货区域</span>
                                        <span id="cityName"></span>
                                        <span id="countyName"></span>
                                        <span id="villageName"></span>
                                    </span>
                                            <span id="vueBox" class="divHide" style="display: none;">
                                        <span id="vueProvinceName">{{provinceName}}</span>
                                        <span id="vueCityName">{{cityName}}</span>
                                        <span id="vueCountyName">{{countyName}}</span>
                                        <span id="vueVillageName">{{villageName}}</span>
                                        <div style="display: none;">
                                            <span id="provinceId">{{provinceId}}</span>
                                            <span id="cityId">{{cityId}}</span>
                                            <span id="countyId">{{countyId}}</span>
                                            <span id="villageId">{{villageId}}</span>
                                        </div>
                                    </span>

                                        </div>
                                    </div>
                                    <div v-show="areaShow" class="area_list">
                                        <div class="tab clearfix">
                                            <span style="cursor:pointer;" v-show="areaTab1" :class="{curr: isCurr1}" @click="getArea('101','','','tab')">{{tabArea1}}</span>
                                            <span style="cursor:pointer;" v-show="areaTab2" :class="{curr: isCurr2}" @click="getArea('102',parentCode2,goName2,'tab')">{{tabArea2}}</span>
                                            <span style="cursor:pointer;" v-show="areaTab3" :class="{curr: isCurr3}" @click="getArea('103',parentCode3,goName3,'tab')">{{tabArea3}}</span>
                                            <span style="cursor:pointer;" v-show="areaTab4" :class="{curr: isCurr4}">{{tabArea4}}</span>
                                        </div>
                                        <a @click="closeArea" class="close">关闭</a>
                                        <ul class="list clearfix">
                                            <li v-for="area in areas" style="cursor:pointer;" @click="getArea(area.level,area.code,area.name,'noTab',area.address_id)">
                                                {{area.name}}
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="low pos-r pl-20">
                                <div class="replaceorder_lable_t"><a href="##">新增收货地址</a></div>
                            </div>-->
                        </div>
                    </div>

                    <div class="text-c pos-a" style="bottom:30px;left:40%;"><a onclick="savecommom_edit()" class="btn btn-secondary radius size-L">确定</a><a onclick="close_model()" class="btn radius size-L ml-10">取消</a></div>

            </div>
        </div>
    </div>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<script type="text/javascript" src="../../ht-js/vue.min.js?rev=@@hash"></script>

<script type="text/javascript" src="../../ht-js/order/replaceOrder/creatNewOrder.js?rev=@@hash"></script>
<!--地址添加js-->
<script type="text/javascript" src="../../ht-js/order/replaceOrder/replaceOrderVue.js?rev=@@hash"></script>
<script>
    function close_model() {
        $("#address-edit").modal("hide");
    }
    function address_edit() {
        $("#address-edit").modal("show");
        $(".addressTitle").html("新增");
    }
</script>
</body>
</html>